<!-- 其他页面拷贝这个模板 -->
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>论坛中文网 - 注册</title>
</head>

<body>

  <div class="page-header" style="padding-left: 200px;">
    <h1 onclick="window.location.replace('/');" style="cursor: pointer;">论坛中文网 <small>注册新账号</small></h1>
  </div>

  <form class="form-horizontal" role="form" style="max-width: 600px; margin-left: 200px;">
    <div class="form-group">
      <label for="mobile" class="col-sm-2 control-label">手机号</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="mobile" placeholder="请输入手机号">
      </div>
    </div>
    <div class="form-group">
      <label for="nickName" class="col-sm-2 control-label">昵称</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="nickName" placeholder="请输入昵称">
      </div>
    </div>
    <div class="form-group">
      <label for="password" class="col-sm-2 control-label">密码</label>
      <div class="col-sm-10">
        <input type="password" class="form-control" id="password" placeholder="请输入密码">
      </div>
    </div>
    <div class="form-group">
      <label for="repassword" class="col-sm-2 control-label">确认密码</label>
      <div class="col-sm-10">
        <input type="password" class="form-control" id="repassword" placeholder="请再次输入密码">
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <!-- submit表单提交到action。我们应该用ajax提交，用button+触发点击事件 -->
        <button type="button" class="btn btn-default" onclick="register()">立即注册</button>
      </div>
    </div>
  </form>

</body>

<!-- 引入jquery -->
<script src="/js/jquery/jquery-1.10.2.min.js"></script>
<!-- 引入bootstrap -->
<link href="/js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/js/bootstrap/js/bootstrap.min.js"></script>
<!-- 引入main.js -->
<script src="/js/main.js"></script>

<script>

/**
 * 注册方法
 */
function register() {
  // 正则验证手机号规范、密码强度、两次密码是不是一样，昵称也不能为空

  // 拼一个user对象
  let user={
		"mobile": $("#mobile").val(),
		"password": $("#password").val(),
    "nickName": $("#nickName").val()
	}

	$.ajax({
		// 协议、ip、端口、接口
		url: BACK_URL + "/register",
		method: "post",
		// ajax默认传键值对，若要传送JSON，需声明内容类型
		contentType:"application/json;charset=utf-8",
		data: JSON.stringify(user),
    // 所有异常情况都处理过了，这里只处理正常情况
		success:function (result) {
      if(result.code==200) {
        alert("注册成功，即将登录");
        window.location.replace("/html/login.html");// 跳转到登录页面
      }
		}
	})
}

</script>

</html>